<include file="App/Home/View/default/Public/header.html"/>
  <link href="__PUBLIC__/css/my_drawer.css" rel="stylesheet" media="screen">
	<div id="content">
        <div class="container">
          <div class="row">
            <div class="col-md-8">
            <div class="people-drawer-filter">
              <div class="btn-group" role="group">
                <button type="button" class="btn btn-default">
                  <a href="javascript:;">抽屉</a>
                  <em class="count">7000</em>
                </button>
                <button type="button" class="btn btn-default">
                <a href="javascript:;">发布的东西</a>
                  <em class="count">8899</em>
                </button>
                <button type="button" class="btn btn-default">
                <a href="javascript:;">发布的图文</a>
                  <em class="count">7</em>
                </button>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <a href="javascript:;">喜欢</a>
                      <em class="count">20</em>
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                      <li><a href="#">喜欢的东西 <em class="count">7</em></a></li>
                      <li><a href="#">喜欢的图文 <em class="count">7</em></a></li>
                      <li><a href="#">喜欢的品牌商品 <em class="count">7</em></a></li>
                    </ul>
                 </div>
                <button type="button" class="btn btn-default">
                  TA关注的抽屉
                </button>
              </div>
            </div>
            <div class="drawer-wrap">
              <ul class="drawer-list clearfix">
                <div class="col-md-4">
                    <li class="doulist-item">
                    <a rel="nofollow" class="create-new-doulist" href="{:U('drawer/create')}">
                        <span class="newitem-text">
                            <i class="fa fa-plus-circle"></i>创建新抽屉
                        </span>
                    </a>                  
                    </li>
                  </div>

                <div class="col-md-4">
                <li class="doulist-item">
                    <div class="doulist-cover">
                        <a href="javascript:;" title="下课后，吉他社点名">
                            <img width="202" height="202" src="__PUBLIC__/images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
                        </a>
                    </div>
                    <div class="doulist-info">
                        <h3><a href="javascript:;" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
                        <ul class="stats-list">
                            <li class="stats-item">133&nbsp;东西</li>
                            <li class="stats-item">87&nbsp;关注</li>
                        </ul>
                    </div>
                </li>
                </div>
                <div class="col-md-4">
                <li class="doulist-item">
                    <div class="doulist-cover">
                        <a href="javascript:;" title="下课后，吉他社点名">
                            <img width="202" height="202" src="__PUBLIC__/images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
                        </a>
                    </div>
                    <div class="doulist-info">
                        <h3><a href="javascript:;" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
                        <ul class="stats-list">
                            <li class="stats-item">133&nbsp;东西</li>
                            <li class="stats-item">87&nbsp;关注</li>
                        </ul>
                    </div>
                </li>
                </div>
                <div class="col-md-4">
                <li class="doulist-item">
                    <div class="doulist-cover">
                        <a href="javascript:;" title="下课后，吉他社点名">
                            <img width="202" height="202" src="__PUBLIC__/images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
                        </a>
                    </div>
                    <div class="doulist-info">
                        <h3><a href="javascript:;" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
                        <ul class="stats-list">
                            <li class="stats-item">133&nbsp;东西</li>
                            <li class="stats-item">87&nbsp;关注</li>
                        </ul>
                    </div>
                </li>
                </div>
                <div class="col-md-4">
                <li class="doulist-item">
                    <div class="doulist-cover">
                        <a href="javascript:;" title="下课后，吉他社点名">
                            <img width="202" height="202" src="__PUBLIC__/images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
                        </a>
                    </div>
                    <div class="doulist-info">
                        <h3><a href="javascript:;" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
                        <ul class="stats-list">
                            <li class="stats-item">133&nbsp;东西</li>
                            <li class="stats-item">87&nbsp;关注</li>
                        </ul>
                    </div>
                </li>
                </div>
                <div class="col-md-4">
                <li class="doulist-item">
                    <div class="doulist-cover">
                        <a href="javascript:;" title="下课后，吉他社点名">
                            <img width="202" height="202" src="__PUBLIC__/images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
                        </a>
                    </div>
                    <div class="doulist-info">
                        <h3><a href="javascript:;" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
                        <ul class="stats-list">
                            <li class="stats-item">133&nbsp;东西</li>
                            <li class="stats-item">87&nbsp;关注</li>
                        </ul>
                    </div>
                </li>
                </div>
              </ul>
            </div>
            </div>
            <div class="col-md-4">
              <div class="aside">
                <div class="profile-card">
                  <div class="user-info">
                        <img class="user-avatar" src="__PUBLIC__/images/profile-card.jpg" width="66" height="66" alt="默。沫。漠。">
                        <h6 class="user-name" title="默。沫。漠。">默。沫。漠。</h6>
                        <p class="join-date">2012-12-26&nbsp;加入</p>
                        <p class="link-to-db"><a href="http://www.douban.com/people/timeandsea/">Ta的勋章</a></p>
                    </div>
                    <ul class="user-stats-list">
                       <li class="user-stats-item">
                          <em class="title">被赞赏次数</em>
                          <em class="count">413</em>
                      </li>
                      <li class="user-stats-item">
                          <em class="title">豆列被关注</em>
                          <em class="count">413</em>
                      </li>
                      <li class="user-stats-item like last">
                          <em class="title">获得喜欢</em>
                          <i class="fa fa-heart"></i><em class="count">2564</em>
                      </li>
                  </ul>
                  <div class="user-profile-action">
                        <span data-uid="timeandsea" class="btn-sub-contact J_SubContact"><i class="fa fa-star-o"></i>关注此人</span>
                    </div>
                </div>
                <div class="aside-feed">
                  <h2 class="hd">最近的动态</h2>
                  <ul class="aside-feed-list">
                        <li class="aside-feed-item type-story">
                          <i class="fa fa-briefcase"></i>
                            <p>发布东西<a href="javascript:;">原创若素良品简约印花清新文艺潮流单肩挎女手提帆...</a></p>
                            <p class="feed-time">今天凌晨</p>
                        </li>
                            
                        <li class="aside-feed-item type-doulist">
                          <i class="fa fa-plus-circle"></i>
                            <p>向豆列<a href="javascript:;">等我吃过喝过玩过用过再告诉你们哈！</a>中添加:<a href="javascript:;">原创若素良品简约印花清新文艺潮流单肩挎女手提帆...</a></p>
                            <p class="feed-time">今天凌晨</p>
                        </li>
                            
                        <li class="aside-feed-item type-story">
                          <i class="fa fa-briefcase"></i>
                            <p>发布东西<a href="javascript:;">外贸法兰绒毛毯沙发毯床单爆款/休闲车载午睡毯蓝色...</a></p>
                            <p class="feed-time">今天凌晨</p>
                        </li>
                            
                        <li class="aside-feed-item type-doulist">
                          <i class="fa fa-plus-circle"></i>
                            <p>向豆列<a href="javascript:;">等我吃过喝过玩过用过再告诉你们哈！</a>中添加:<a href="javascript:;">外贸法兰绒毛毯沙发毯床单爆款/休闲车载午睡毯蓝色...</a></p>
                            <p class="feed-time">今天凌晨</p>
                        </li>
                            
                        <li class="aside-feed-item type-story">
                          <i class="fa fa-briefcase"></i>
                            <p>发布东西<a href="javascript:;">特洛克Torzk 柠萌U站柠檬插排插座 USB充电器创意插...</a></p>
                            <p class="feed-time">今天凌晨</p>
                        </li>
                    </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
<include file="App/Home/View/default/Public/footer.html"/>